$baseColor: #d075ea;
.order_container {
  width: 100%;
  height: 100%;
  @include flexbox();
  @include flex-direction(column);
  header{
      height: .6rem;
      @include border(0 0 1px 0, #eee, solid);
      .back{
          position: absolute;
          left: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/back_red.png') no-repeat center center;
          background-size: .3rem;
      }
      span{
          display: inline-block;
          width: 100%;
          text-align: center;
          font-size: .18rem;
          line-height: .6rem;
      }
      .car{
          position: absolute;
          right: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/my-shopping-cart-icon_d3a35b8.png')no-repeat center center;
          background-size: 30px,30px;
      }
  }
  nav {
    height: .4rem;
    line-height: .4rem;
    @include flexbox();
    @include flex-direction(row);
    @include justify-content(space-around);
    span {
      padding: 0 .1rem;
      color: #999;
    }
    .active {
      color: $baseColor;
      @include border(0 0 .05rem 0, $baseColor, solid);
    }
  }
  #index-swiper {
    @include flex(1);
    width: 100%;
    background: #f5f5f5;
    .swiper-slide {
      section {

      }
      .none {
        padding-top: 1rem;
        @include flexbox();
        @include flex-direction(column);
        img {
          width: 1rem;
          margin: .2rem auto;
        }
        span {
          color: #aaa;
          text-align: center;
        }
      }
    }
  }
}
